<template>
  <div class="oil_bind_card">
    <c-title :hide="false" text="IC卡"></c-title>
    <div class="cellBox">
      <van-cell-group>
        <van-field v-model="value" label="卡号" placeholder="请输入卡号" required />
        <van-field v-model="value" label="姓名" placeholder="请输入姓名" required />
        <van-field v-model="value" label="手机号" placeholder="请输入手机号" required />
      </van-cell-group>
    </div>
    <div class="buttonBox set-pc-style">
      <div class="btn">绑定</div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: ""
    };
  }
};
</script>
<style lang="scss" scoped>
.cellBox {
  margin: 0.63rem 0.75rem;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 0.5rem;
}
.buttonBox {
  background: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.63rem 0.75rem;
  box-sizing: border-box;
  width: 100%;
  .btn {
    width: 100%;
    background: #f15353;
    border-radius: 1.28rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    font-weight: 500;
    font-size: 0.94rem;
    color: #ffffff;
  }
}
</style>
